import React from 'react'
import ReactDOM from 'react-dom/client'

import Count from './useStateHook/count'
import From from './useStateHook/from'
import Immer from './useStateHook/immer'
import BrokenCounter from './useStateHook/brokenCounter'
import Reducer from './useReducerHook/reducer'
import Theme from './useContextHook/theme'
import MultiContext from './useContextHook/multiContext'
import GlobalContext from './useContextHook/globalContext'
import Memo from './useMemo/memo'
import MemoChild from './useMemo/memoChild'
import CallBack from './useCallBack/callBack'
import Effect from './useEffect/effect'
import Ref from './useRef/ref'
ReactDOM.createRoot(document.getElementById('root')).render(
  // <React.StrictMode>
    <div>
      <h1>hello react hooks</h1>
      {/* <Count></Count> */}
      {/* <BrokenCounter></BrokenCounter> */}
      {/* <Immer></Immer> */}
      {/* <From></From> */}
      {/* <Reducer></Reducer> */}
      {/* <Theme></Theme> */}
      {/* <MultiContext></MultiContext> */}
      {/* <GlobalContext></GlobalContext> */}
      {/* <MemoChild></MemoChild> */}
      {/* <CallBack></CallBack> */}
      {/* <Effect></Effect> */}
      <Ref></Ref>
      </div>
  // </React.StrictMode>,
)
